// main.js入口文件

// 引入vue包
import Vue from 'vue'
// 导入app.vue文件
import App from './App.vue'
// 生产环境下的警告
Vue.config.productionTip = false
import 'amfe-flexible';

new Vue({
  render: h => h(App),
}).$mount('#app')


/* 
移动端开发以iphone6/7/8为标准
分辨率：750*1334

css像素：375*667
px不合适
不同类型的手机的像素不一样

进行适配
rem进行适配
npm i -S amfe-flexible postcss-px2rem

在入口文件中引入import 'amfe-flexible';
更改配置文件package.json
在最后加入配置
"postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-px2rem": {
        "remUnit": 75
      }
    }
  }

amfe-flexible完成rem适配  font-szie 37.5
postcss-px2rem 负责把px转换为rem

获取屏幕的宽度：document.documentElement.clientWidth

375px
font-size:37.5px
整个屏幕是10rem

ui给的设计图大部分都是750px
iphone6  750px

以前：1：1 
真实px  屏幕的最小的物理部件
css像素（设备独立像素）   开发人元素

高倍屏（视网膜屏幕） 2:1  iPhone6 倍屏
单方向的比 DPR = 物理像素（真） / 设备独立像素


按照比例往375
1rem = 37.5

750设计图上给的  1rem = 75
width:750px  /75  rem
height:88px  /75  rem

375 css上排版  
width:750/2 /37.5 rem













*/